
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1">
<meta name="description" content="Modern UI CSS">
<meta name="author" content="Sergey Pimenov">
<meta name="keywords"
	content="windows 8, modern style, modern ui, style, modern, css, framework">

<link href="<%=request.getContextPath()%>/css/modern.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/theme-dark.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/modern-responsive.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/flangeData.css"
	rel="stylesheet">

<script
	src="<%=request.getContextPath()%>/js/flangeDataScripts/create.js"></script>
<script
	src="<%=request.getContextPath()%>/js/assets/jquery-1.9.0.min.js"></script>
<script
	src="<%=request.getContextPath()%>/js/assets/google-analytics.js"></script>
<script
	src="<%=request.getContextPath()%>/js/assets/jquery.mousewheel.min.js"></script>
<script src="<%=request.getContextPath()%>/js/assets/github.info.js"></script>
<script src="<%=request.getContextPath()%>/js/modern/tile-slider.js"></script>
<script src="<%=request.getContextPath()%>/js/modern/start-menu.js"></script>
<script src="<%=request.getContextPath()%>/js/modern/tile-drag.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/js/modern/calendar.js"></script>

<script type="text/javascript">
	$(window).load(function() {
		$('.formSubData').hide();
		$('#1').show();
	});
	$(function() {
		$('.createButton').click(function() {
			var buttonClicked = $(this).find('.brand').find('.name').text();
			var divToShow;
			if ('General' == buttonClicked) {
				divToShow = '1';
			} else if ('Joint Integrity Record' == buttonClicked) {
				divToShow = '2';
			} else if ('Flange Data' == buttonClicked) {
				divToShow = '3';
			} else if ('Bolt Tensioner Record' == buttonClicked) {
				divToShow = '4';
			} else if ('Visual Checks' == buttonClicked) {
				divToShow = '5';
			} else if ('Equipment & Tool' == buttonClicked) {
				divToShow = '6';
			} else if ('Bolt Torquing Record' == buttonClicked) {
				divToShow = '7';
			} else if ('JustRite Recommended Loads' == buttonClicked) {
				divToShow = '8';
			} else if ('Customer Specific Loads' == buttonClicked) {
				divToShow = '9';
			} else if ('Review And Acceptance' == buttonClicked) {
				divToShow = '10';
			}
			// 			alert(divToShow);
			$('.formSubData').hide();
			$('#' + divToShow).show();
		});
		$('.navButton').click(function() {
			$('.formSubData').hide();
			$('#' + $(this).val()).show();
			event.preventDefault();
		});
	});
</script>
<title>Flange Data - Create a Record</title>

<style>
body {
	background: #1d1d1d;
}
</style>

</head>
<body class="metrouicss">
	<div class="page secondary fixed-header">
		<div class="page-header ">
			<div class="page-header-content">
				<div class="user-login">
					<a href="#">
						<div class="name">
							<span class="first-name">Just</span> <span class="last-name">Rite</span>
						</div>
						<div class="avatar">
							<img src="<%=request.getContextPath()%>/images/justRite.jpg" />
							<!--                         <i class="icon-user fg-color-white"></i> -->
						</div>
					</a>
				</div>
				<h1 class="fg-color-white">Flange Management System</h1>
			</div>
		</div>


		<div class="page-region">
			<div class="page-region-content tiles">
				<div class="tile-group tile-drag">
					<div class="tile icon createButton">
						<div class="tile-content">
							<i class="icon-calculate"></i>
						</div>
						<div class="brand">
							<span class="name">General</span>
						</div>
					</div>

					<div class="tile icon createButton">
						<div class="tile-content">
							<i class="icon-calculate"></i>
						</div>
						<div class="brand" id="buttonJIR">
							<span class="name">Joint Integrity Record</span>
						</div>
					</div>

					<div class="tile bg-color-orangeDark icon createButton">
						<b class="check"></b>
						<div class="tile-content">
							<img src="<%=request.getContextPath()%>/images/new-flange.png"
								alt="" />
						</div>
						<div class="brand">
							<span class="name">Flange Data</span>
						</div>
					</div>

					<div class="tile icon createButton">
						<div class="tile-content">
							<i class="icon-calculate"></i>
						</div>
						<div class="brand">
							<span class="name">Bolt Tensioner Record</span>
						</div>
					</div>

					<div class="tile bg-color-orangeDark icon createButton">
						<b class="check"></b>
						<div class="tile-content">
							<img src="<%=request.getContextPath()%>/images/new-flange.png"
								alt="" />
						</div>
						<div class="brand">
							<span class="name">Visual Checks</span>
						</div>
					</div>

					<div class="tile bg-color-green icon createButton">
						<div class="tile-content">
							<img src="<%=request.getContextPath()%>/images/new-flange.png" />
						</div>
						<div class="brand">
							<span class="name">Equipment & Tool</span> <span class="badge">6</span>
						</div>
					</div>

					<div class="tile bg-color-red icon createButton">
						<div class="tile-content">
							<img src="<%=request.getContextPath()%>/images/new-flange.png"
								alt="" />
						</div>
						<div class="brand">
							<span class="name">Bolt Torquing Record</span>
						</div>
					</div>

					<div class="tile bg-color-yellow icon createButton">
						<div class="tile-content">
							<img src="<%=request.getContextPath()%>/images/new-flange.png"
								alt="" />
						</div>
						<div class="brand">
							<span class="name">JustRite Recommended Loads</span>
						</div>
					</div>

					<div class="tile double bg-color-blueDark createButton">
						<div class="tile-content">
							<div class="brand">
								<span class="name">Customer Specific Loads</span>
							</div>

						</div>

					</div>

					<div class="tile double createButton">
						<div class="tile-content">
							<div class="brand">
								<span class="name">Review And Acceptance</span>
							</div>

						</div>
					</div>

				</div>
				<!-- 				<div class="tile-group tile-drag" id="formPage"> -->
				<jsp:include page="form-create.jsp"></jsp:include>
				<!-- 				</div> -->



			</div>
		</div>
	</div>
</body>
</html>